2025 iThome 鐵人賽
分享至
邊框是網頁元素內邊距與外邊距之間的線段，這個單元主要會介紹網頁元素的 border、border-style、border-width 和 border-color，透過這些樣式屬性，控制邊框的樣式、粗細和顏色，以及同時設定四個方向邊框的語法，設定單一方向邊框或單一樣式屬性的方法。
影片重點：
00:01:02 認識 border 00:01:53 border 邊框 ( 縮寫格式 ) 00:04:24 borderg-* 單一邊框 00:05:50 border-style 邊框樣式 00:09:38 border-width 邊框粗細 00:12:07 border-color 邊框顏色 00:14:43 內容寬高為 0 的邊框效果 ( 製作三角形 ) 00:16:56 不可置換、可置換行內容器的 border
相關參考：
教學文：CSS border 邊框 影片連結：https://www.youtube.com/watch?v=ibDrA5deAq4
更多參考： Youtube 頻道：https://www.youtube.com/@steam.oxxostudio CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html
更多參考：
IT邦幫忙
iThome鐵人賽
看影片追技術